{% load static %}
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{% block title %}{% endblock title%}</title>
		<link rel="stylesheet" href="{% static 'css/base/reset.css' %}">
		<link rel="stylesheet" href="{% static 'css/base/common.css' %}">
		<link rel="stylesheet" href="{% static 'css/base/side.css' %}">
		<link rel="stylesheet" href="http://at.alicdn.com/t/font_684044_un7umbuwwfp.css">
        {% block link_css %}{% endblock link_css%}
	</head>

	<body>
		<!-- header start -->
		<header id="header">
			<div class="mw1200 header-contain clearfix">
				<!-- logo start -->
				<h1 class="logo"><a href="javascript:void(0);" class="logo-title">Python</a></h1>
				<!-- logo end -->
				<!-- nav start -->
				<nav class="nav">
					<ul class="menu">
						<li class="active"><a href="javascript:void(0);">首页</a></li>
						<li><a href="javascript:void(0);">产品中心</a></li>
						<li><a href="javascript:void(0);">设计规范</a></li>
						<li><a href="javascript:void(0);">搜索</a></li>
					</ul>
				</nav>
				<!-- nav end -->
				<!-- login start -->
				<div class="login-box">
					<div>
						<i class="PyWhich py-user"></i>
						<span>
							<a href="{% url 'user:login' %}" class="login">登录</a> /
							<a href="{% url 'user:register' %}" class="reg">注册</a>
	          </span>
					</div>
					<div class="author hide">
						<i class="PyWhich py-user"></i>
						<span>用户名</span>
						<ul class="author-menu">
							<li><a href="javascript:void(0);">后台管理</a></li>
							<li><a href="javascript:void(0);">退出登录</a></li>
						</ul>
					</div>
				</div>
				<!-- login end -->
			</div>
		</header>
		<!-- header end -->

		<!-- main start -->
        {% block main_start %}
		<main id="main">
			<div class="w1200 clearfix">
				<!-- main-contain start  -->
                {% block main_contain %}
                {% endblock main_contain%}
				<!-- main-contain  end -->

				<!-- side start -->
                {% block side_start %}
				<aside class="side">
					<!-- side-activities start -->
					<div class="side-activities">
						<h3 class="activities-title">安全生产<a href="javascript:void(0)">更多</a></h3>
						<div class="activities-img">
							<a href="javascript:void(0);" target="_blank">
								<img src="{% static 'images/base/english.jpg' %}" alt="title">
							</a>
							<p class="activities-tips">对话国外项目师</p>
						</div>
						<ul class="activities-list">
							<li>
								<a href="javascript:void(0);" target="_blank">
									<span class="active-status active-start">船舶产品</span>
									<span class="active-title">
										<a href="javascript:void(0);">豪华游轮</a>
									</span>
								</a>
							</li>
							<li>
								<a href="javascript:void(0);" target="_blank">
									<span class="active-status active-end">海工产品</span>
									<span class="active-title">
										<a href="javascript:void(0);">挪威海洋渔场</a>
									</span>
								</a>
							</li>
						</ul>
					</div>
					<!-- side-activities end -->

					<!-- side-attention start -->
					<div class="side-attention clearfix">
						<h3 class="attention-title">关注我们</h3>
						<ul class="side-attention-address">
							<li>
								<a href="javascript:void(0);" target="_blank"><i class="PyWhich py-GitHub"></i>Cimoe</a>
							</li>
							<li>
								<a href="javascript:void(0);" target="_blank"><i class="PyWhich py-zhihu" style="color:rgb(0, 108, 226);"></i>Cimoe</a>
							</li>
							<li>
								<a href="javascript:void(0);" target="_blank"><i class="PyWhich py-weibo" style="color:rgb(245,92,110);"></i>Cimoe</a>
							</li>
						</ul>
						<div class="side-attention-qr">
							<p>扫码关注</p>
						</div>
					</div>
					<!-- side-attention end -->

					<!-- side-hot-recommend start -->
                    {% block side_hot_recommend %}
					<div class="side-hot-recommend">
						<h3 class="hot-recommend">热门推荐</h3>
						<ul class="hot-news-list">
							<li>
								<a href="javascript:void(0)" class="hot-news-contain clearfix">
									<div class="hot-news-thumbnail">
										<img src="{% static 'images/base/python_web.jpg' %}" alt="">
									</div>
									<div class="hot-news-content">
										<p class="hot-news-title">DTECH-1型ROV是一款工业级水下探测和作业...</p>
										<div class="hot-news-other clearfix">
											<span class="news-type">python框架</span>
											<!-- 自带的 -->
											<time class="news-pub-time">11月11日</time>
											<span class="news-author">python</span>
										</div>
									</div>
								</a>
							</li>
						</ul>
					</div>
                    {% endblock side_hot_recommend%}
					<!-- side-hot-recommend end -->
				</aside>
                {% endblock side_start%}
				<!-- side end -->
			</div>
		</main>
        {% endblock main_start%}
		<!-- main end -->

		<!-- footer start -->
		<footer id="footer">
			<div class="footer-box">
				<div class="footer-content">
					<p class="top-content">
						<span class="link">
							<a href="javascript:void(0)">关于平台</a> |
							<a href="javascript:void(0)">关于我们</a> |
							<a href="javascript:void(0)">法律声明</a> |
							<a href="javascript:void(0)">联系我们</a>
						</span>
						<span class="about-me">Powered by: <i class="PyWhich py-wechat"></i> CSIC</span>
					</p>
					<p class="bottom-content">
						<span>地址： 湖北省武汉市武大航域A5</span>
						<span>联系方式: <a href="tel:400-1567-315">800-888-2233</a> (24小时在线)</span>
					</p>
				</div>
				<p class="copyright-desc">
					Cimoe &copy;2018 湖北海洋工程装备研究院 鄂HBP备0001122号-1 法律顾问：武汉市宇航律师事务所
				</p>
			</div>
		</footer>
		<!-- footer end -->

		<script src="{% static 'js/jquery.js' %}"></script>
		<script src="{% static 'js/base/common.js' %}"></script>
        {% block script_js %}{% endblock script_js%}
	</body>

</html>